<template>
  <div class="home">
    <!-- 搜索框  -->
    <van-sticky>
      <van-search shape="round" placeholder="200000+免费模板任你搜索" />
    </van-sticky>
    <!-- 一级导航 -->
    <HomeNav1></HomeNav1>
    <HomeNav2></HomeNav2>
    <HomeMain></HomeMain>
    <!-- <lazy-component> -->
      <!-- <HomeMain2></HomeMain2> -->
    <!-- </lazy-component> -->
    <Bottom></Bottom>
  </div>
</template>

<script>
// @ is an alias to /src
import Bottom from "@/components/bottom.vue";
import HomeNav1 from "@/components/home-nav1.vue";
import HomeNav2 from "@/components/home-nav2.vue";
import HomeMain from "@/components/home-main.vue";
// import HomeMain2 from "@/components/home-main1.vue";
// import HomeMain2 from "@/components/home-main2.vue";

export default {
  name: "Home",
  components: {
    Bottom,
    HomeNav1,
    HomeNav2,
    HomeMain
    // HomeMain2,
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
.home {
  background: #ccc;
  width: 100vw;
}
.van-search {
  height: 8vh;
}
.van-search__content,
.van-field__left-icon,
.van-cell__value {
  height: 6vh;
  line-height: 6vh;
}

.van-field__left-icon {
  margin-left: 25vw;
}
</style>
